<div class="panel states-info">
    <div class="panel-body" style="border-bottom:2px solid #eff0f4">
        <div class="media usr-info" style="position:relative;">
        <?php if(isset($_GET['list'])){?>
        <a href="##" onClick="arealist_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>();" class="btn btn-success btn-sm" style="position:absolute; bottom:12px; right:0px; z-index:3">查看详细</a>
        
        <script>
		     function arealist_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>(){
				 $('<input type="hidden" value="<?php echo $_GET['pos_id'];?>" name="pos_id">').appendTo('.memberselect1');
				 $('#databoxform').submit();
				}
		</script>
        
        <?php }?>
        <?php if(isset($_GET['pos_id'])){?>
        
        
        
        <?php if(isset($_GET['list'])){?><form action="<?php echo U('ChartsAnalysis/arealist');?>" id="arealist_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>form">
        <input type="hidden" name="pos_id" value="<?php echo $_GET['pos_id'];?>">
        <input type="hidden" name="member_id" value="<?php echo $_GET['member_id'];?>">
        
        <input type="hidden" name="chartType" value="year">
        
        <input type="hidden" name="memberpositionid" value="<?php echo $_GET['pos_id'];?>">
        </form>
        <div id="arealist_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>" style="">
        
        
        
        
        
        
        

        
        </div>
        
        <div id="arealist1_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>" style="width:160px; height:100px;float:left;"></div>
        <div id="arealist2_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>" style="width:160px; height:100px;float:left; position:absolute;"></div>
        
        
        <script>
        
		    $('#arealist_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>').ajaxlist();
        
        </script>
        <?php }?>
        
        
        
        
        <?php }else{?>
            <a href="javascript:void(0);" class="pull-left" style="margin-top:0" class="col-lg-6 col-sm-12">
                <img class="thumb" style="border-radius:0" src="<empty name="memberinfom['img_url']">__PUBLIC__/timg.jpg<else/><?php echo $memberinfom['img_url'];?></empty>" alt=""/>
            </a>
         <?php }?>
            
            
            
            
            
            <div class="media-body" style="padding-left:0;">
            
            
            <?php if(isset($_GET['pos_id'])){?>
            
      
                    <i style="display:block;line-height:27px;color:#828282;font-size:16px;font-style:normal">负责人：<?php if($member_name != ''){echo $member_name;}else{echo '无';}?></i>
                    <i style="display:block;line-height:27px;color:#bdbdbd;font-size:14px;font-style:normal">部门 : <?php echo $indexpos;?></i>
                    <i style="display:block;line-height:27px;color:#bdbdbd;font-size:14px;font-style:normal">共有员工<?php echo $totalstaff;?>人</i>
                
                
                
                
                <?php }else{?>
                

                    <i style="display:block;line-height:40px;color:#828282;font-size:16px;font-style:normal"><?php echo $memberinfom['name'];?></i>
                    <i style="display:block;line-height:40px;color:#bdbdbd;font-size:14px;font-style:normal">部门 : <?php echo $indexpos;?></i>
               
                
                <?php }?>
                
            </div>
        </div>
    </div>
    <div class="panel-body" style="padding-top: 13px;padding-bottom:0">
        
            <div class="row">
                <div class="col-lg-12" style="text-align:center; height:70px;color:#828282;" id="total_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>">
                </div>
                <div id="total_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>pages"></div>
                
                
                
                
                <form action="{:U('Pages_layout/total')}" id="total_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>form" method="post">
                    <input type="hidden" name="time" value="">
                    
                    
                    
                    <?php if(isset($_GET['pos_id'])){?>
                    
                        <input type="hidden" name="show" value="position">
                    <input type="hidden" name="target" value=",<?php echo $_GET['pos_id'];?>,">
                    <?php }else{?>
                    <input type="hidden" name="target" value="<?php echo $_GET['member_id'];?>">
                        <input type="hidden" name="show" value="staff">
                        <input type="hidden" name="member_id" value="<?php echo $_GET['member_id'];?>">
                    
                    <?php }?>
                </form>
                
                
                
                
                
                
                
                
                
                
                
                <div class="col-lg-12" style="border-top:1px solid #65cea7;padding-top:10px;padding-bottom:10px;text-align:center;cursor:pointer;color:#000" id="timecheck_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>">
                    <span class="sp1_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>"><span class="sp2"></span></span><!--顶部尖角-->
                    <div class="col-lg-3 col-sm-3" style="border-right:1px solid #e0e0e0;padding:0;height:45px;line-height:45px;" value="">今日</div>
                    <div class="col-lg-3 col-sm-3" style="border-right:1px solid #e0e0e0;padding:0;height:45px;line-height:45px;" value="w">本周</div>
                    <div class="col-lg-3 col-sm-3" style="border-right:1px solid #e0e0e0;padding:0;height:45px;line-height:45px;" value="m">本月</div>
                    <div class="col-lg-3 col-sm-3" style="padding:0;height:45px;line-height:45px;" value="y">本年</div>
                </div>
            </div>

    </div>
</div>

<style>
    .onclick{color:#65cea7;}
    .sp1_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>,.sp2
    {
        display:block;
        height:0px;
        width:0px;
        position:absolute;
        font-size:0;
        line-height:0;
    }
    .sp1_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>
    {
        top:-3px;    /* 它的绝对值加上span的边框宽度等于div边框宽度的5倍 */
        border-top:0px;
        border-bottom:2px solid #65cea7;  /* 注意颜色的变化 */
        border-right:2px solid white;
        border-left:2px solid white;
    }
    .sp2
    {
        top:1px;  /* 是自身边框宽度的2倍 */
        left:-2px; /* 是自身边框宽度的-1倍  */
        border-top:0px;
        border-bottom:2px solid white;
        border-right:2px solid #65cea7;
        border-left:2px solid #65cea7;
    }
</style>
<script>
    $('#total_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>').ajaxlist({autoload:false});


        var spleft=$('#timecheck_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>').width()/8+13;
        var delta=$('#timecheck_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>').width()/4-1;

        $('.sp1_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>').css('left',spleft+'px');

        $('#timecheck_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?> div:eq(0)').addClass('onclick');
        $('#timecheck_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?> div').each(function(){
            $(this).click(function(){
                var i = $(this).index();
                var left=spleft+(i-1)*delta;
                $('.sp1_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>').css('left',left+'px');

                $('#timecheck_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?> div').removeClass('onclick');
                $(this).addClass('onclick');
                $('#total_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>form input:eq(0)').val($(this).attr('value'));
                $('#total_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>form').submit();
            });
        });
		
		
		
		$('#timecheck_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?> div').eq(1).click();
		
		
       /* $.post("{:U('Lwn_grade/index')}", {target:',<?php echo $_GET['pos_id'];?>,',show:'<?php if(isset($_GET['pos_id'])){ echo 'position'; }?>'},function(data){
            $('#total_<?php echo $_GET['pos_id'];?>_<?php echo $GET['member_id'];?>').html(data.tbody);
        },'json');*/

</script>
